<template>
    <div class="search">
       <input class="search-input" type="text" placeholder="输入城市名或拼音"/>
    </div>
</template>

<script>
export default {
  name: 'CitySearch'
}
</script>

<style lang="stylus" scoped>
 @import '~styles/varibles.styl'
.search
    height:0.72rem
    padding:0.1rem
    background:$bgColor
    .search-input
        box-sizing:border-box
        width:100%
        height:.62rem
        line-height:.62rem
        text-align:center
        border-radius:.06rem
        color:#666
        padding:0 .1rem

</style>
